/* 用户个人代码区 */
.helloworld{
    width: 100%;
    background: #eee;
    height: 60px;
    position: absolute;
    top:30%;
}

.helloworld p{
    color:#333;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
}


/* 超小屏幕（手机，小于 768px） */
@media (max-width: 768px) {

}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) and (max-width: 991px) {

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* 大屏电脑,不一定要使用，屏幕大于1200，选择性使用 */
@media (min-width: 1200px) {

}